<?php
include '../h5.php';
    $h5 = new h5('xq');
    $tid = $_GET['tid'];
    $isvip = $_GET['isvip'];
    if(intval($tid)){
        $query = 'select vipcontent,content,tid,title,moonage from tools where tid = '.intval($tid);
        $row = $h5->mysql->get_one($query);
        if($isvip){
            $content = $row['vipcontent'];
        }else{
            $content = $row['content'];
        }
        $moonage = $row['moonage'];
    }
     $desc = '可可狮，分月龄家庭早教。';

?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name=”x5-orientation” content=”portrait”>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <title><?php echo $row['title']?></title>
     <script src="./jquery.js"></script>
    <script src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>    
    <script src="./WWeixinApi.js?v=199"></script>
    <style>
        *{margin: 0; padding: 0;}
        html,body{width:100%;height: 100%;overflow:hidden;font-family: "微软雅黑";font-size:50px;margin:0;padding:0}
        p,ul,li{font-size: 16px;}
        div,img{width:100%;display: block;}
        li{list-style: none;}

        .videoPage{width: 100%; height: 100%; position: relative; top: 0; left: 0; overflow: hidden}
        .wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling: touch;}
        .bg{width: 100%; height: 100%; background: #fff; position: absolute;}
        .title{width: 7.5rem; height: 1.22rem; position: fixed; top: 0; left: 0; z-index: 10;}
        .open1{width: 1.32rem; height: 0.56rem; position: fixed; top: 0.26rem; left: 5.88rem; z-index: 11;}
        /*.video{width: 7.5rem; height: 5.2rem; position: relative; margin-top: 1.3rem; display: none}*/
        /*.audio{width: 7.5rem; height: 5.2rem; position: relative; margin-top: 1.3rem; border-bottom: 0.01rem solid #e0e1e2; display: none}*/
        /*.audio audio{width: 7.5rem; height: 5.2rem;background:#000 url(images/music_brackground.gif) no-repeat center center;background-size:7.5rem 1.1rem;}*/
        /*audio::-webkit-media-controls-enclosure{width: 7.5rem; background: white; border-radius: 0;}*/
        /*.name{width: 7rem; font-size: 0.34rem; color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; margin-top: 0.2rem; margin-left: 0.25rem;}*/
        /*.contentName{width: 1.6rem; height: 0.32rem; line-height: 0.32rem; font-size: 0.32rem; color: #000; font-weight: 600; text-indent: 0.2rem; position: relative; margin-top: 0.4rem; margin-left: 0.25rem;}*/
        /*.contentName::before{content: '';width: 0.08rem; height: 0.3rem; position: absolute; top: 0; left: 0; background: #F98660;}*/
        .content{width: 100%; height: 90%; margin-top: 1.3rem; position: absolute;}
        .content::-webkit-scrollbar{display: none;}
        .open2{width: 1.92rem;height: 0.64rem;position: fixed; bottom: 0.7rem;left: 50%;transform: translateX(-50%);}
        /*.open3{width: 7.5rem; height: 1.07rem; position: fixed; bottom: 0; left: 0; z-index: 11;}
        .btnOpen3{width: 2rem; height: 1rem; position: fixed; bottom: 0; right: 0; z-index: 11;}*/
        .tips-warp{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.6); top: 0; left: 0; z-index: 10000; display: none; }
        .tips{ position: absolute; width: 100%; top: 0; left: 0; }
        .tips img{ width: 100%; }
    </style>
</head>
<body>
<div class="videoPage">
    <div class="bg"></div>
    <div class="wrap">
        <!--<div class="video">-->
            <!--<video class="vjs-tech" width="100%" height="100%" controls="controls" autoplay="autoplay" x-webkit-airplay="true" x5-video-player-fullscreen="true" preload="auto" playsinline="true" webkit-playsinline x5-video-player-typ="h5">-->
                <!--<source type="application/x-mpegURL" src="">-->
            <!--</video>-->
        <!--</div>-->
        <!--<div class="audio">-->
            <!--&lt;!&ndash;<audio src="audio/wenhe.mp3"></audio>&ndash;&gt;-->
            <!--<audio autoplay="autoplay" controls id="bgMusic" src=""></audio>-->
        <!--</div>-->
        <!--<div class="name">撒大苏打三大阿斯顿阿斯顿阿斯顿阿斯顿阿斯顿阿斯顿阿斯顿撒</div>-->
        <!--<div class="contentName">课程介绍</div>-->
        <!--<div class="content"></div>-->
        <iframe class="content" src="<?php echo $content?>" frameborder="0" scrolling="no"></iframe>
    </div>
    <div class="title"><img src="images/title.png"></div>
    <div class="open1"><img src="images/open1.png" alt=""></div>
    <div class="open2"><img src="images/open2.png" alt=""></div>
    <!-- <div class="open3"><img src="images/open3.png" alt=""></div>
    <div class="btnOpen3"></div> -->
    <div class="tips-warp">
        <div class="tips"><img src="images/tips.png"></div>
    </div>
</div>
<script>
    wxData.title='<?php echo $row['title']?>';
    wxData.qtitle='<?php echo $row['title']?>';
    wxData.link=baseurl+'helper.php?tid='+'<?php echo $tid?>';
    wxData.desc='<?php echo $desc?>';
    wxData.share();
    document.getElementsByTagName("html")[0].style.fontSize=window.innerWidth/750*100+"px";

    init();
    openApp();
    function init(){

        var content = document.getElementsByClassName("content")[0];
  
    }

    function openApp(){
        var open1 = document.getElementsByClassName("open1")[0];
        var open2 = document.getElementsByClassName("open2")[0];
        // var btnOpen3 = document.getElementsByClassName("btnOpen3")[0];
        var tipsWarp = document.getElementsByClassName('tips-warp')[0];
        var url ='';
        
        open1.addEventListener("click",function(){
            console.log('open1');
            if(!showTips()){
             //window.location.href = "cocolion://zaojiao?tid=<?php echo $tid ?>&moonage=<?php echo $moonage ?>";
                if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i))
                {
                    window.location.href = "cocolion://zaojiao?tid=<?php echo $tid ?>&moonage=<?php echo $moonage ?>";//ios app协议
                    window.setTimeout(function() {
                        window.location.href = "https://itunes.apple.com/cn/app/可可狮/id1445816354?mt=8";
                    }, 2000)
                }
                if(navigator.userAgent.match(/android/i))
                {
                    window.location.href = "cocolion://zaojiao?tid=<?php echo $tid ?>&moonage=<?php echo $moonage ?>";//android app协议
                    window.setTimeout(function() {
                        window.location.href = "http://a.app.qq.com/o/simple.jsp?pkgname=com.android.kekeshi";//android 下载地址
                    }, 2000)    
                } 
            }

        })
        open2.addEventListener("click",function(){
            console.log('open2');
            if(!showTips()){
             //window.location.href = "cocolion://zaojiao?tid=<?php echo $tid ?>&moonage=<?php echo $moonage ?>";
                if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i))
                {
                    window.location.href = "cocolion://zaojiao?tid=<?php echo $tid ?>&moonage=<?php echo $moonage ?>";//ios app协议
                    window.setTimeout(function() {
                        window.location.href = "https://itunes.apple.com/cn/app/可可狮/id1445816354?mt=8";
                    }, 2000)
                }
                if(navigator.userAgent.match(/android/i))
                {
                    window.location.href = "cocolion://zaojiao?tid=<?php echo $tid ?>&moonage=<?php echo $moonage ?>";//android app协议
                    window.setTimeout(function() {
                        window.location.href = "http://a.app.qq.com/o/simple.jsp?pkgname=com.android.kekeshi";//android 下载地址
                    }, 2000)    
                } 
            }
        })
        // btnOpen3.addEventListener("click",function(){
        //     console.log('btnOpen3');
        //      window.location.href = "https://shop202012.youzan.com/";
           
        // })
        tipsWarp.addEventListener("click",function(){
            tipsWarp.style.display = 'none';
        });
    }

        

    function showTips(){
        if(!isWeiXin()){
            return false;
        }
        var tipsWarp = document.getElementsByClassName('tips-warp')[0];
        tipsWarp.style.display = 'block';
        return true;

    }

    function isWeiXin(){
        //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型
        var ua = window.navigator.userAgent.toLowerCase();
        //通过正则表达式匹配ua中是否含有MicroMessenger字符串
        if(ua.match(/MicroMessenger/i) == 'micromessenger'){
            return true;
        }else{
            return false;
        }
    }

        function submitFn(){
    //判断浏览器
    var u = navigator.userAgent;
    if(/MicroMessenger/gi.test(u)){
       // 引导用户在浏览器中打开
        alert('请在浏览器中打开');
        return;
    }
    var d = new Date();
    var t0 = d.getTime();
    if(u.indexOf('Android') > -1 || u.indexOf('Linux') > -1){
        //Android
        if(openApp1('cocolion://zaojiao?tid=<?php echo $tid ?>')){
         openApp1('cocolion://zaojiao?tid=<?php echo $tid ?>');
        }else{
            //由于打开需要1～2秒，利用这个时间差来处理－－打开app后，返回h5页面会出现页面变成app下载页面，影响用户体验
            var delay = setInterval(function(){
                 var d = new Date();
                 var t1 = d.getTime();
                 if( t1-t0<3000 && t1-t0>2000){
                    // alert('请下载APP');
                     window.location.href = "";
                 }
                 if(t1-t0>=3000){
                      clearInterval(delay);
                 }
            },1000); 
        }
    }else if(u.indexOf('iPhone') > -1){
        //IOS
        if(openApp1('cocolion://zaojiao?tid=<?php echo $tid ?>')){  
            openApp1('cocolion://zaojiao?tid=<?php echo $tid ?>');
        }else{
            var delay = setInterval(function(){
                var d = new Date();
                var t1 = d.getTime();
                if( t1-t0<3000 && t1-t0>2000){
                    // alert('请下载APP');
                    window.location.href = "";
                }
                if(t1-t0>=3000){
                    clearInterval(delay);
                }
            },1000);
        }
    }    
}

function openApp1(src) {
// 通过iframe的方式试图打开APP，如果能正常打开，会直接切换到APP，并自动阻止a标签的默认行为
// 否则打开a标签的href链接
     var ifr = document.createElement('iframe');
     ifr.src = src;
     ifr.style.display = 'none';
     document.body.appendChild(ifr);
     window.setTimeout(function(){
          document.body.removeChild(ifr);
     },2000);
}
</script>
</body>
</html>